/* 自定义树视图的背景颜色和边框 */
.custom-tree-view {
    -fx-background-color: rgb(244, 244, 244);

    /*-fx-border-color: rgb(235, 235, 235);*/
    -fx-border-color: transparent;
    -fx-border-width: 1px;

}

/* 树单元格的内边距和背景颜色 */
.custom-tree-view .tree-cell {
    -fx-padding: 8px;
    -fx-font-size: 13px;
    -fx-indent: 18px; /* 设置缩进距离为20px */
    -fx-background-color: transparent;

    -fx-background-radius: 7px; /* 设置背景圆角 */
    -fx-border-radius: 7px; /* 设置边框圆角 */
    -fx-border-color: transparent; /* 设置边框颜色为灰色 */

}

/* 选中状态下树单元格的背景颜色和文本颜色 */
.custom-tree-view .tree-cell:selected {
    -fx-background-color: rgb(252, 252, 252);
    -fx-text-fill: black;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 4, 0, 0, 0); /* 增加阴影效果 */
    -fx-border-color: #c2c2c2; /* 设置边框颜色为灰色 */


}

/* 选中状态下清除悬浮颜色 */
.custom-tree-view .tree-cell:selected:hover {
    -fx-background-color: rgb(252, 252, 252);
}

/* 鼠标悬停时树单元格的背景颜色 */
.custom-tree-view .tree-cell:hover {
    /*-fx-background-color: #e8e8e8;*/
    -fx-background-color: rgb(235, 235, 235);
}

/* 没有文字的目录项不设置悬浮色 */
.custom-tree-view .tree-cell:empty:hover {
    -fx-background-color: transparent;
}

/* 树展开节点的内边距 */
.custom-tree-view .tree-disclosure-node {
    -fx-padding: 5 12 0 0px; /* 调整箭头的内边距 */
}

/* 树箭头的背景颜色 */
.custom-tree-view .arrow {
    -fx-background-color: #666;

}


/* 选中状态下树箭头的背景颜色 */
.custom-tree-view .tree-cell:selected .arrow {
    -fx-background-color: #666;
}

/* 调整目录项图标和文本之间的间距 */
.custom-tree-view .tree-cell {
    -fx-graphic-text-gap: 7px; /* 设置图标和文本之间的间距为10px */
}

